﻿<!-- 导入jstl标签库，核心库和格式化库-->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>秒杀</title>
		
		
		<link rel="stylesheet"
			href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		    <![endif]-->
	</head>
	<body>
		<div class="container">
			<div class="panel panel-default">
			  <div class="panel-heading">
			  	<h2 style="text-align:center;">秒杀列表</h2>
			  </div>
			  <div class="panel-body">
			    <table class="table">
			    	<thead>
			    		<tr>
			    			<th>编号</th>
			    			<th>名称</th>
			    			<th>数量</th>
			    			<th>开始时间</th>
			    			<th>结束时间</th>
			    			<th>创建时间</th>
			    			<th>操作</th>
			    		</tr>
			    	</thead>
			    	<tbody>
			    		<c:forEach var="seckill" items="${list}">
			    			<tr>
			    				<td>${seckill.seckillId}</td>
			    				<td>${seckill.name}</td>
			    				<td>${seckill.nums}</td>
			    				<td><f:formatDate value="${seckill.startTime}" pattern="yyyy-MM-dd hh:mm:ss"/></td>
			    				<td><f:formatDate value="${seckill.endTime}" pattern="yyyy-MM-dd hh:mm:ss"/></td>
			    				<td><f:formatDate value="${seckill.createTime}" pattern="yyyy-MM-dd hh:mm:ss"/></td>
			    				<td><a class="btn btn-info" href="${pageContext.request.contextPath}/detail/${seckill.seckillId}">详情页</a></td>
			    			</tr>
			    		</c:forEach>
			    	</tbody>
			    </table>
			  </div>
			</div>
			
		</div>
	
	
	</body>
	<!-- jQuery鏂囦欢銆傚姟蹇呭湪bootstrap.min.js 涔嬪墠寮曞叆 -->
	<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
	
	<!-- 鏈€鏂扮殑 Bootstrap 鏍稿績 JavaScript 鏂囦欢 -->
	<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</html>